<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<!-- load Dojo -->
      <!--  script type="text/javascript" src="//localhost:8081/staticresources/javascriptlib/dojo/dojo/dojo.js"></script-->
      <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script>          
      <script data-dojo-config="async: true"></script>         

	<script>
	if(typeof(dojo) !== "undefined") {
		console.log("dojo loaded");
	}else{
		console.log("dojo did not loaded");
	}

    </script>

	<!--  script type="text/javascript" src="../resources/scripts/createArticle.js"></script-->
	<script type="text/javascript" src="<c:url value="/resources/scripts/createArticle.js" />"></script>
	
	<script>
	/*
		require(["footballblog/CreateArticle", "dojo/dom", "dojo/on", "dojo/_base/lang"], function(CreateArticle, dom, on, lang){
		var createArticle = new CreateArticle();
		on(dom.byId("formButton"), "click", lang.hitch(createArticle, createArticle.fetchFormData));
	});
	*/
	</script>
	<title>Create Article</title>
</head>
<body>
<h1>
	Create Article!  
</h1>

<P>  The time on the server is ${serverTime}. </P>

<form id="articleInputForm">
	<ul>
		<li>
			Enter Author UserName: <input type="text" id="authorName" size=60>
			<br><br>
		</li>
		
		<li>
			Enter Article Title: <input type="text" id="articleTitle" size=60>
			<br><br>
		</li>
		<li> 
			Enter Article Content: <br><textarea id="articleContent" cols=80 rows=20></textarea>
		</li>
	
		<li>
			<input type="button" id="formButton" form="articleInputForm" value="Submit Article">
		</li>
	</ul>
</form>

</body>
</html>
